<template>
  <div id="app">
   <!-- keep-alive 第一次发送请求ajax获取数据,and保存数据到内存,此后都只在内存中获取数据,无需再次请求  -->
   <!--  exclude="Detail" 不做缓存 -->
    <keep-alive exclude="Detail">
        <!--  路由就是根据不同的url,显示不同的页面内容 -->
        <router-view/>
        <!--  显示的是当前路由地址所对应的内容 -->
    </keep-alive>
  </div>
</template>

<script>
export default {
  // 组件name 用途
  // 1 做递归用自身组件名
  // 2 在keepalive取消缓存时
  // 3 开发插件查看组件名
  name: 'App'
}
</script>

<style lang="scss">
</style>
